<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
      #p-1{
        color: green;
      }
      .c1{
        color: blue;
      }
      .c1,#h2-1{
        background-color: yellow;
      }

      input[type = 'password']{color: red}

      *{border: 1px solid red}
    </style>
</head>
<body>

<p id="p-1">张学友</p><p class="c1">刘德华</p><p>郭富城</p>
<h1 class="c1">悟空</h1>
<h1 class="c1">八戒</h1>
<h1 class="c1">沙僧</h1>
<h2 id="h2-1">刘备</h2>

<input type="text">
<input type="password">
</body>
</html>